{% extends "Mail/fr/all.html.twig" %}

{% block title %}Vous avez des notifications non lues sur Twake{% endblock %}

{% block secondtitle %}Vous avez des notifications non lues sur Twake{% endblock %}

{% block body %}

    <b>Bonjour {{ username|capitalize }},</b>
    <br>
    Vous avez des notifications qui vous attendent sur Twake.
    <br><br>
    Dernières notifications :

    {% for notification in notifications %}
        <div class="card"
             style="border-radius: 4px;padding: 10px;margin-top: 10px;box-shadow: 2px 2px 20px rgba(0,0,0,0.1);background: #ffffff;color: #000;border-left: 2px solid #0682d4;font-size: 14px;">
            <span style="right: 0;font-size: 12px;color: #888;float: right;">il y a {{ notification.delay }}
                heure(s)</span>
            <b>{{ notification.title }}</b><br>
            {{ notification.text }}
        </div>
    {% endfor %}

    <br>
    <br>
    <a href="{{ twakeurl }}"
       style="display: inline-block; color: #ffffff; background-color: #837dff; border: solid 1px #837dff; border-radius: 5px; box-sizing: border-box; text-decoration: none; font-size: 14px; font-weight: bold; margin: 0; padding: 12px 25px; border-color: #837dff;">
        Ouvrir Twake
    </a>
    <br>
    <br>

{% endblock %}